<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>HTML超链接案例</title>
</head>

<body>
    <a name="top">我是顶部</a>

    <!-- 实现文字的网页跳转 -->
    <a href="https://www.baidu.com/" target="_blank">百度一下</a>

    <!-- 给图片添加链接效果 -->
    <a href="https://www.baidu.com/" target="_blank">
        <img src="a.png" />
    </a>

    <!-- 给列表添加链接效果 -->
    <ol>
        <!-- 有序列表 orderlist-->
        <li> <a href="https://blog.csdn.net/lionkingcz/article/details/128588525?spm=1000.2115.3001.5927">《微SaaS创富周刊》第3期：GPT-3\ChatGPT、Stable
                Diffusion等AI模型驱动的微SaaS创意盘点 </a> </li>
        <li> <a href="https://blog.csdn.net/UbuntuTouch/article/details/128594458?spm=1000.2115.3001.5927">回顾 2022 年 —
                回顾 Elastic 这一年 </a> </li>
    </ol>

    <a href="#top">点击,回到顶部</a> <!-- 回到name=top的位置处-->
</body>

</html>